선택한 노트를 누구나 읽을 수 있는 웹문서로 공개합니다. 공유 화면은 읽기 전용입니다.

기능과 제한

제목 검색과 모바일 화면을 지원합니다. 브라우저 설정에 따라 밝은 모드와 어두운 모드를 적용하며 직접 전환한 설정도 기억합니다. 트리를 접거나 펼치고 로고를 바꿀 수 있습니다. 이전·다음 노트 이동과 마지막 수정 날짜도 표시합니다.

• 텍스트 — 목차와 수식을 표시합니다. 언어를 지정한 코드 블록은 구문 강조를 지원하지만 자동 감지는 지원하지 않습니다. 노트 포함과 본문 안의 Mermaid 도표는 지원하지 않습니다.
• 코드 — 고정폭 글꼴로 본문을 보여 주지만 구문 강조는 없습니다.
• 저장된 검색 — 지원하지 않습니다.
• 관계도 — 지원하지 않습니다.
• 노트 지도 — 지원하지 않습니다.
• 렌더링 노트 — 지원하지 않습니다.
• 책 — 하위 노트를 정해진 형식으로 표시합니다. 달력 등 고급 보기는 지원하지 않습니다.
• Mermaid 도표 — 벡터 이미지로 표시합니다. 추가 조작은 지원하지 않습니다.
• 캔버스 — 벡터 이미지로 표시합니다. 추가 조작은 지원하지 않습니다.
• 웹 보기 — 지원하지 않습니다.
• 마인드맵 — 벡터 이미지로 표시합니다. 추가 조작은 지원하지 않습니다.
• 지리 지도 — 지원하지 않습니다.
• 파일 — 내려받기를 지원합니다.

공유 트리는 정적인 구조이며 보호된 노트는 공유할 수 없습니다.

공유하기

서버 설치가 필요합니다. 노트 화면에서 공유 스위치를 켜면 접근할 URL이 나타납니다.

표시된 링크를 브라우저에서 엽니다. 서버 주소 설정에 따라 localhost 주소가 보일 수도 있습니다. 외부 접속에는 외부에서 접근 가능한 서버 주소가 필요합니다.

하위 트리

노트를 공유하면 그 아래의 하위 노트도 함께 공유됩니다. 공유 노트 하위 트리 표시에서 전체 공개 목록을 확인할 수 있습니다.

접근 범위

별도 인증을 설정하지 않은 공유 문서는 URL을 아는 누구나 열 수 있습니다. 무작위 주소는 접근 제어를 대신하지 않습니다. 공개할 자료인지 확인하세요.

암호 설정

#shareCredentials="username:password" 형식으로 사용자 이름과 암호를 지정합니다. 하위 노트와 이미지에도 적용하려면 상속 가능으로 설정합니다.

공유 화면 꾸미기

CSS 코드 노트를 만들고 ~shareCss 관계로 연결합니다. 하위 트리 전체에 적용하려면 관계를 상속 가능으로 설정합니다. CSS 노트에 #shareHiddenFromTree를 추가하면 탐색 트리에서 숨깁니다. #shareOmitDefaultCss는 기본 스타일을 제외합니다.

JavaScript

~shareJs 관계로 스크립트를 넣습니다. fetchNote()로 노트 정보를 읽을 수 있습니다. 다음 예제는 상위 노트의 속성을 출력합니다.

const currentNote = await fetchNote();
const parentNote = await fetchNote(currentNote.parentNoteIds[0]);

for (const attr of parentNote.attributes) {
    console.log(attr.type, attr.name, attr.value);
}

읽기 쉬운 주소

보통 주소 끝에는 노트 ID가 붙습니다. #shareAlias=highlighting을 지정하면 http://domain.tld/share/highlighting처럼 사용할 수 있습니다. 별칭은 중복되지 않아야 하며 슬래시로 하위 경로를 만드는 방식은 지원하지 않습니다.

공유 목록 관리

공유 노트 영역에서 목록을 확인하고 이동이나 복제로 공유 상태를 관리할 수 있습니다.

아이콘과 시작 페이지

~shareFavicon 관계로 .ico 같은 아이콘 파일 노트를 지정합니다. #shareRoot가 있는 노트는 http://domain.tld/share의 시작 페이지가 됩니다. #shareIndex를 함께 사용하면 공유 루트 목록을 보여 줄 수 있습니다.

속성 안내

• shareHiddenFromTree — 탐색 트리에서만 숨깁니다. URL로는 여전히 접근할 수 있습니다.
• shareExternalLink — 공유 트리에서 외부 웹사이트 링크로 사용합니다.
• shareAlias — https://your_trilium_host/share/[your_alias] 주소의 별칭입니다.
• shareOmitDefaultCss — 기본 공유 CSS를 제외합니다.
• shareRoot — /share의 시작 노트입니다.
• shareDescription — HTML 설명 메타 태그에 넣을 문구입니다.
• shareRaw — HTML 틀 없이 원본 내용을 제공합니다. 속성 없이 사용하는 노트 원문 제공 방법도 있습니다.
• shareDisallowRobotIndexing — 검색 로봇에 색인 제외를 요청합니다. X-Robots-Tag: noindex 헤더와 noindex, follow 메타 태그를 설정합니다.
• shareCredentials — username:password 형식의 인증 정보입니다. 하위 노트와 이미지에도 적용하려면 상속 가능으로 설정합니다.
• shareIndex — 공유 중인 모든 루트 노트를 나열합니다.

제작에 도움을 준 프로젝트

0.95.0부터 기본 적용된 공유 테마는 Trilium Rocks!를 바탕으로 합니다. 원작자는 zerebos입니다. 모바일 화면과 밝기 전환 및 접을 수 있는 트리 등을 제공합니다.